<?xml version="1.0" encoding="ISO-8859-1" ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
	<title>Sistema Academico Online</title>

<style type="text/css">
.menu {
	height: 30px;
	padding: 0px;
	font-size: 15px;
}
</style>
</h:head>
<body bgcolor="#EEE9BF">
	<h:form>

		<p:growl id="messages" />

		<p:menubar styleClass="menu">
			<p:submenu label="Cadastros" icon="ui-icon-document">
				<p:menuitem value="Alunos" onclick="dlgAlunos.show()" />
				<p:menuitem value="Notifica&ccedil;&otilde;es" onclick="dlgNotificacao.show()" />
			</p:submenu>

			<p:submenu label="Pesquisar" icon="ui-icon-search">
				<p:menuitem value="Alunos" onclick="dlgPesquisarAluno.show()" />
				<p:menuitem value="Notifica&ccedil;&otilde;es" onclick="dlgPesquisarNotificacao.show()" />
			</p:submenu>



			<p:menuitem value="Sair" url="#" icon="ui-icon-close" />
		</p:menubar>

		<p:dialog header="Cadastro de Alunos" widgetVar="dlgAlunos"
			width="600">

			<p:tabView id="tabView">
				<p:tab title="Dados Gerais">
					<h:panelGrid columns="2">
						<p:outputPanel>Nome</p:outputPanel>
						<p:inputText size="50" value=""/>
						<p:outputPanel>RA</p:outputPanel>
						<p:inputText size="50" />
						<p:outputPanel>Login</p:outputPanel>
						<p:inputText size="50" />
						<p:outputPanel>Senha</p:outputPanel>
						<p:password size="50" />

					</h:panelGrid>

				</p:tab>

				<p:tab title="Foto">
					<p:fileUpload value="#{fileUploadController.file}" mode="simple" />
					<p:commandButton value="Enviar" />

				</p:tab>
			</p:tabView>



			<br></br>

			<p:commandButton value="Salvar" onclick="" type="button" />

		</p:dialog>


		<p:dialog header="Cadastro de Notifica&ccedil;&atilde;o" widgetVar="dlgNotificacao"
			width="600">

			<h:panelGrid columns="2">
				<p:outputPanel>T&iacute;tulo</p:outputPanel>
				<p:inputText size="26" />
				<p:outputPanel>Data do evento</p:outputPanel>
				<p:calendar size="26" />
				<p:outputPanel>Conte&uacute;do</p:outputPanel>
				<p:inputTextarea  />
			</h:panelGrid>

			<br></br>

			<p:commandButton value="Incluir" onclick="" type="button" />

		</p:dialog>


		<p:dialog header="Pesquisar Aluno" widgetVar="dlgPesquisarAluno"
			width="800">

			<p:selectOneRadio value="#">
				<f:selectItem itemLabel="Nome " itemValue="1" />
				<f:selectItem itemLabel="Usu&aacute;rio " itemValue="2" />
				<f:selectItem itemLabel="RA" itemValue="3" />
			</p:selectOneRadio>

			<h:panelGrid columns="2">
				<p:inputText size="50" />
				<p:commandButton value="Pesquisar"></p:commandButton>
			</h:panelGrid>

			<p:dataTable id="alunos" var="alunos" tableStyle="width:auto" value="#{alunoMB.listaAluno}">

				<p:column headerText="RA" style="width:100px">
					<h:outputText value="alunos.ra" />
				</p:column>

				<p:column headerText="Usu&aacute;rio" style="width:150px">
					<h:outputText value="alunos.nomeUsuario" />
				</p:column>

				<p:column headerText="Nome" style="width:450px">
					<h:outputText value="alunos.nome" />
				</p:column>

				<p:column style="width:20px">
					<h:panelGrid columns="3" styleClass="actions" cellpadding="2">
						<p:commandButton id="btAlterar" update=":form:display"
							oncomplete="" icon="ui-icon-search" title="View">
							<!-- <f:setPropertyActionListener value="#{car}" target="#{tableBean.selectedCar}" />    -->
						</p:commandButton>
					</h:panelGrid>
				</p:column>

				<p:column style="width:20px">
					<h:panelGrid columns="3" styleClass="actions" cellpadding="2">
						<p:commandButton id="btExcluir" update=":form:display"
							oncomplete="" icon="ui-icon-search" title="View">
							<!-- <f:setPropertyActionListener value="#{car}" target="#{tableBean.selectedCar}" />    -->
						</p:commandButton>
					</h:panelGrid>
				</p:column>

			</p:dataTable>

		</p:dialog>
		
		<p:dialog header="Pesquisar Notifica&ccedil;&atilde;o" widgetVar="dlgPesquisarNotificacao"
			width="1000">

			<h3>Pesquisar por</h3>
			<p:selectOneRadio value="#">
				<f:selectItem itemLabel="T&iacute;tulo" itemValue="1" />
				<f:selectItem itemLabel="Data" itemValue="2" />
			</p:selectOneRadio>

			<h:panelGrid columns="2">
				<p:inputText size="50" />
				<p:commandButton value="Pesquisar"></p:commandButton>
			</h:panelGrid>

			<p:dataTable id="cars" var="car" tableStyle="width:auto">

				<p:column headerText="T&iacute;tulo" style="width:300px">
					<h:outputText value="#" />
				</p:column>

				<p:column headerText="Data Emiss&atilde;o" style="width:50px">
					<h:outputText value="#" />
				</p:column>
				
				<p:column headerText="Conte&uacute;do" style="width:500px">
					<h:outputText value="#" />
				</p:column>

				<p:column style="width:20px">
					<h:panelGrid columns="3" styleClass="actions" cellpadding="2">
						<p:commandButton id="btAlterar" update=":form:display"
							oncomplete="" icon="ui-icon-search" title="View">
							<!-- <f:setPropertyActionListener value="#{car}" target="#{tableBean.selectedCar}" />    -->
						</p:commandButton>
					</h:panelGrid>
				</p:column>

				<p:column style="width:20px">
					<h:panelGrid columns="3" styleClass="actions" cellpadding="2">
						<p:commandButton id="btExcluir" update=":form:display"
							oncomplete="" icon="ui-icon-search" title="View">
							<!-- <f:setPropertyActionListener value="#{car}" target="#{tableBean.selectedCar}" />    -->
						</p:commandButton>
					</h:panelGrid>
				</p:column>

			</p:dataTable>

		</p:dialog>
		
		
		
		
	</h:form>
</body>

</html>